<template>
  <div id="app" style="width: 100%; height: 100%">
    <keep-alive>
      <router-view></router-view>
    </keep-alive>
    <!--<div class="f4_box">
      <div class="walk01">
        <div class="west-01"></div>
      </div>
      <div class="walk02">
        <div class="west-02"></div>
      </div>
      <div class="walk03">
        <div class="west-03"></div>
      </div>
      <div class="walk04">
        <div class="west-04"></div>
      </div>
    </div>-->
  </div>
</template>

<script>
  new WOW().init();
import Index from './views/index'
import Natural from './views/natural'

export default {
  name: 'App',
  components: {
    Index,
    Natural,

  },
  // inject:['reload'],  // 注入reload方法，让其他页面共用


  watch: {
    '$route' (to, from) {
      this.$router.go(0);  // 跳转时更新页面
    }
  },



}
</script>

<style>
a{
  cursor: pointer;
}

</style>
